.player-layout__container {
  width: 100%;
  height: 100%;
  padding: 0.1rem;
  .player-layout__video{
    width: 100%;
    height: 100%;
    background-color: #000;
  }
}
.player-layout__4,
.player-layout__6,
.player-layout__9{
  display: grid;
  grid-gap: 0.1rem;
  &>*{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #2c3e50;
  }
}
.player-layout__4{
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
}
.player-layout__6{
  grid-template: repeat(2, 1fr) / repeat(3, 1fr);
}
.player-layout__9{
  grid-template: repeat(3, 1fr) / repeat(3, 1fr);
}
